<%@ page pageEncoding="utf-8" session="false" contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta http-equiv="Expires" content="0"/>
<title>我的笔记</title>
<link rel="stylesheet" type="text/css" href="${contextPath}/resource/note/css/index.css"/>
<link rel="stylesheet" type="text/css" href="${contextPath}/resource/note/css/tree.css"/>
<script type="text/javascript" src="${contextPath}/resource/htree/htree.js"></script>
<script type="text/javascript" src="${contextPath}/resource/htree/htree.util.js"></script>
<script type="text/javascript" src="${contextPath}/resource/user/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="${contextPath}/resource/user/user.js"></script>
<script type="text/javascript" src="${contextPath}/resource/note/note.js"></script>
<script type="text/javascript" src="${contextPath}/resource/note/index.js"></script>
</head>
<body>
<div id="left-panel" class="left-panel" style="z-index: 2000;">
    <div class="logo"><img src="${contextPath}/resource/note/images/logo.gif" title="This is a rabbit, not a donkey."/></div>
    <div class="start-menu">
        <div class="slot">
            <span id="create" class="icon i1"></span>
            <div class="tooltip">
                <img src="${contextPath}/resource/note/images/left_arrow.png"/>
                <span class="text">新建笔记</span>
            </div>
        </div>
        <div class="slot">
            <span class="icon i2"></span>
            <div class="tooltip">
                <img src="${contextPath}/resource/note/images/left_arrow.png"/>
                <span class="text">搜索</span>
            </div>
        </div>
        <div class="slot">
            <span class="icon i3"></span>
            <div class="tooltip">
                <img src="${contextPath}/resource/note/images/left_arrow.png"/>
                <span class="text">工作群聊</span>
            </div>
        </div>
        <div class="slot"></div>
        <div class="slot">
            <span id="favorite" class="icon i4"></span>
            <div class="tooltip">
                <img src="${contextPath}/resource/note/images/left_arrow.png"/>
                <span class="text">快捷方式</span>
            </div>
        </div>
        <div class="slot">
            <span id="footprint" class="icon i5"></span>
            <div class="tooltip">
                <img src="${contextPath}/resource/note/images/left_arrow.png"/>
                <span class="text">最近阅读</span>
            </div>
        </div>
        <div class="slot">
            <span id="notebook" class="icon i6"></span>
            <div class="tooltip">
                <img src="${contextPath}/resource/note/images/left_arrow.png"/>
                <span class="text">笔记本</span>
            </div>
        </div>
        <!--
        <div class="slot">
            <span id="note-tag" class="icon i7"></span>
            <div class="tooltip">
                <img src="${contextPath}/resource/note/images/left_arrow.png"/>
                <span class="text">标签</span>
            </div>
        </div>
        -->
        <div class="slot">
            <span id="note-dir" class="icon i8"></span>
            <div class="tooltip">
                <img src="${contextPath}/resource/note/images/left_arrow.png"/>
                <span class="text">目录</span>
            </div>
        </div>
    </div>
    <div class="avatar-box">
        <img src="${contextPath}/resource/apple.jpg"/>
    </div>
</div>
<div id="tree-panel" class="tree-panel" style="z-index: 101;">
    <div class="tree-panel-body">
        <div class="search">
            <div class="search-body">
                <div class="search-box">
                    <input type="text" class="keyword" placeholder="搜索..."/>
                    <span class="button"></span>
                </div>
            </div>
        </div>
        <div class="fill-panel" style="top: 64px;">
            <div id="htree" class="htree"></div>
        </div>
    </div>
</div>
<div class="full-panel" style="z-index: 100;">
    <div id="main-panel" class="main-panel"><iframe id="mainFrame" style="width: 100%; height: 100%;" frameborder="0" scrolling="auto" src="${contextPath}/note/welcome.html"></iframe></div>
</div>
<div id="favorite-panel" class="slider-mask">
    <div class="slider-panel">
        <div class="panel-title"><h3>快捷方式</h3></div>
        <div class="panel-content resize-d">
            <div class="list-item">
                <span class="file"></span>
                <div class="text">我的第一篇笔记</div>
                <span class="delete"></span>
            </div>
        </div>
    </div>
</div>
<div id="footprint-panel" class="slider-mask">
    <div class="slider-panel" cache="none">
        <div class="panel-title"><h3>最近阅读</h3></div>
        <div class="panel-content resize-d">
            <div class="note-item">
                <div class="image"></div>
                <div class="title">我的第一篇笔记</div>
                <div class="summary">我的第一篇笔记</div>
            </div>
        </div>
    </div>
</div>
<div id="notebook-panel" class="slider-mask">
    <div class="slider-panel" cache="none">
        <div class="panel-title"><h3>我的笔记本</h3></div>
        <div class="panel-content resize-d">
            <div class="book-item">
                <div class="image"><img src="${contextPath}/resource/note/images/notebook.gif"/></div>
                <div class="date">2017-05-18</div>
                <div class="title">生活笔记</div>
            </div>
            <div class="book-item">
                <div class="image"><img src="${contextPath}/resource/note/images/notebook.gif"/></div>
                <div class="date">2017-05-18</div>
                <div class="title">工作笔记</div>
            </div>
            <div class="book-item">
                <div class="image"><img src="${contextPath}/resource/note/images/notebook.gif"/></div>
                <div class="date">2017-05-18</div>
                <div class="title">我的账本</div>
            </div>
        </div>
    </div>
</div>

<div id="category-panel" class="widget-mask">
    <div class="dialog">
        <div class="title"><h4>移动到</h4></div>
        <div class="dialog-body">
            <iframe id="category-frame" class="category-iframe" frameborder="0" scrolling="yes" src="about:blank"></iframe>
        </div>
        <div class="button">
            <button class="button cancel">取 消</button>
            <button class="button ensure">确 定</button>
        </div>
    </div>
</div>

<div id="tree-contextmenu" class="contextmenu">
    <ul class="menu">
        <li class="item" command="refresh">
            <span class="icon"><img src="${contextPath}/resource/note/images/refresh.gif"/></span>
            <a class="command" href="javascript:void(0)">刷 新</a>
        </li>
        <li class="separator"></li>
        <li class="item" command="moveto">
            <span class="icon"></span>
            <a class="command" href="javascript:void(0)">移 动</a>
        </li>
        <li class="item" command="remove">
            <span class="icon"></span>
            <a class="command" href="javascript:void(0)">删 除</a>
        </li>
        <li class="separator"></li>
        <li class="item" command="categoryAdmin">
            <span class="icon"></span>
            <a class="command" href="javascript:void(0)">分类管理</a>
        </li>
        <li class="item" command="archiveAdmin">
            <span class="icon"></span>
            <a class="command" href="javascript:void(0)">笔记管理</a>
        </li>
        <li class="separator"></li>
        <li class="item" command="">
            <span class="icon"></span>
            <a class="command" href="javascript:void(0)">属性</a>
        </li>
    </ul>
</div>
<div id="pageContext" class="hide" contextPath="${contextPath}"></div>
</body>
</html>
